<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib uri="/WEB-INF/taglib/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/taglib/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/taglib/struts-logic.tld" prefix="logic" %>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>SAYDC - Modificar Unidad Organizativa</title>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="styles/estilos.css"/>
	<script type="text/javascript">
		function listadoUnidades(){
			document.forms[0].action='/SAYDC/ingresarUnidadOrganizativa.do';
			document.forms[0].submit();
		}
	</script>
</head>
<body>
	<br>
	<html:form action="/actualizaUnidadOrganizativa.do?method=confirmaModificar">
		<div style="width: 60%; position: relative; left: 20%" class="priAclaracion">Unidades Organizativas</div>
		<br>
		<table align="center" border="0" cellspacing="2" width="60%">
			<tr class="tabHeader">
		    	<td colspan="2" class="tdHeader">Modificar Unidad Organizativa</td>
			</tr>
			<tr class="tabRow" style="background-color: #A9C0DB">
		  		<td width="45%" style="padding-left: 10px">Descripci&oacute;n de la Unidad Organizativa:</td>
				<td width="55%"><html:text property="nombreUnidad" size="50" value="${unidad.nombreUnidad}"/></td>
			</tr>
			<tr class="tabRow" style="background-color: #A9C0DB">
				<td style="padding-left: 10px">Depende del &Aacute;rea:</td>
			    <td><html:select styleId="unidades" property="idUnidadSuperior" style="width: 200px">
						<html:option value="-1">Seleccionar...</html:option>
						<html:option value="">Ninguna</html:option>
						<html:optionsCollection name="listaAreas" value="idUnidad" label="nombreUnidad"/>		    
			    	</html:select>
			    </td>
			</tr>
			<tr class="tabRow" style="background-color: #A9C0DB">
				<td style="padding-left: 10px">Responsable:</td>
			    <td><html:select styleId="responsables" property="responsable" style="width: 200px">
						<html:option value="-1">Seleccionar...</html:option>
						<html:optionsCollection name="listaResponsables" value="idEmpleado" label="nombre"/>		    
			    	</html:select>
			    </td>
			</tr>
			<tr><td colspan="2"><div class="errors"><html:errors/></div></td></tr>
			<tr><td colspan="2">&nbsp;</td></tr>
			<tr>
		    	<td colspan="2">
					<div align="center" style="float: left; width: 50%">
						<button type="submit" class="button" title="Modificar la Unidad Organizativa">
							<img src="img/botones/Ok.png" alt=""/>
				        	Modificar
						</button>
					</div>
					<div align="center" style="float: left; width: 50%">
						<button type="submit" class="button" title="Volver al Listado de Unidades Organizativas"
								onclick="javascript:listadoUnidades()">
							<img src="img/botones/Cancel.png" alt=""/>
				        	Cancelar
				        </button>
					</div>			  		
		    	</td>
			</tr>
		</table>
	</html:form>
<br><br><br>
<script type="text/javascript">
	document.getElementById('unidades').options.selectedIndex = 1;
</script>
<script type="text/javascript">
	var txt = ${unidad.unidadSuperior.idUnidad};
	for(i=0;document.getElementById('unidades').length;i++){
		if(document.getElementById('unidades').options[i].value == txt){
			var j = i;
			break;
		}
	}
	document.getElementById('unidades').options.selectedIndex = j;
</script>
<script type="text/javascript">
	var txt2 = ${unidad.responsable.idEmpleado};
	for(i=0;document.getElementById('responsables').length;i++){
		if(document.getElementById('responsables').options[i].value == txt2){
			var k = i;
			break;
		}
	}
	document.getElementById('responsables').options.selectedIndex = k;
</script>
</body>
</html>